Подскажите как реализовать выпадающий список

[muxacb]

Здравствуйте
Уперся тут в одну проблему:
Никак не могу придумать как так сделать, чтобы при нажатии на блок, нижние блоки отодвигались вниз и появлялся список..

Помогите плз, голову уже сломал себе 

 

Edited November 18, 2020 by muxacb

[klierik]

Здравствуйте.

В данном случае выпадающий список, как вариант, генерировать отдельно от самого блока. Класть его, или точнее сказать "их", списки, в этот контейнер, который будет занимать 100% ширины. И показывать соответствующий список при нажатии на блок

[muxacb]

вот не совсем понятно как сетку организовать?

гридами разве что?

флекс так не сможет, насколько я понимаю..

[klierik]

Flex тут подойдёт:

[muxacb]

спасибо, это понятно 

только непонятно как менять контент в блоке dropdown, в соответствии с нажатым блоком main